import React from 'react'
import { NavBar, Button, Toast } from '@nutui/nutui-react'
import { ArrowLeft } from '@nutui/icons-react'
import '@nutui/nutui-react/dist/style.css'
import { List, Switch, } from 'antd-mobile'

export default function Messages() {
  return (
    <div>
      <NavBar
        back={
          <>
            <ArrowLeft />
          </>
        }
        onBackClick={() => window.history.back()}
      >
        消息通知
      </NavBar>
      <List>
        <List.Item onClick={() => { }}>
          被赞提醒
          <span style={{marginLeft:"220px"}}><Switch/></span>
        </List.Item>
        <List.Item onClick={() => { }}>
          评论提醒
          <span style={{marginLeft:"220px"}}><Switch/></span>
        </List.Item>
        <List.Item onClick={() => { }}>
          关注提醒
          <span style={{marginLeft:"220px"}}><Switch/></span>
        </List.Item>
        <List.Item onClick={() => { }}>
          系统通知
          <span style={{marginLeft:"220px"}}><Switch/></span>
        </List.Item>
      </List>
    </div>
  )
}
